<template>
  <div>
    <label :for="i" v-for="(item, i) in list" :key="i"
      >{{ item }}
      <input :id="i" name="checkeds" :value="item" type="checkbox" v-model="checkeds" />
    </label>
    <ul>
      <li v-for="item in checkeds" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isEdit: false,
      checkeds: [],
      list: ['科幻', '喜剧', '动漫', '冒险', '科技', '军事', '娱乐', '奇闻']
    }
  }
}
</script>
